<template>
    <div class="activity common__color-F0F0F0 common__padding-bottom">
        <x-header v-show="!isWeChar">
            <div slot="default" class="common__header--title">热门活动</div>
            <div @click="goBack" slot="overwrite-left" class="common__header--img"><img slot="icon" src="~assets/x3/ico/goback1.png" class="go-back"></div>
            <div slot="right">
                <i class="weui-icon-search"></i>
            </div>
        </x-header>
        <tab>
            <tab-item selected>促销活动</tab-item>
            <tab-item>积分活动</tab-item>
            <tab-item>佣金活动</tab-item>
        </tab>

        <card class="activity__grouplist">
            <img slot="header" src="http://placeholder.qiniudn.com/640x300" style="width:100%;display:block;">
            <div slot="content" class="card-padding">
            </div>
        </card>
        <card class="activity__grouplist">
            <img slot="header" src="http://placeholder.qiniudn.com/640x300" style="width:100%;display:block;">
            <div slot="content" class="card-padding">
            </div>
        </card>
        <card class="activity__grouplist">
            <img slot="header" src="http://placeholder.qiniudn.com/640x300" style="width:100%;display:block;">
            <div slot="content" class="card-padding">
            </div>
        </card>

    </div>
</template>


<script>
import { XHeader, Tab, TabItem, Group, Card } from 'vux';
import { mapState, mapActions } from "vuex";
export default {
    components: { XHeader, Tab, TabItem, Group, Card, },
    computed: mapState({
        isWeChar: "isWeChar"
    }),
    methods: {
        goBack() {
            this.$common.goBack(this);
        }
    },
    mounted() {
        document.title = "热门活动";
        let _this = this;
        this.$init.subPageInit(this);
    },
}
</script>


<style lang="scss" scoped>
.activity__grouplist {
  margin-left: 4%;
  margin-right: 4%;
}

.weui-cells {
  background-color: #f0f0f0 !important;
}
</style>

